<div>

    <h2 translate="onlineExamSystemApp.sTUDENT.home.title">STUDENT</h2>

    <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#saveSTUDENTModal" ng-click="clear()">
        <span class="glyphicon glyphicon-flash"></span> <span translate="onlineExamSystemApp.sTUDENT.home.createLabel">Create a new STUDENT</span>
    </button>
    <div class="modal fade" id="saveSTUDENTModal" tabindex="-1" role="dialog" aria-labelledby="mySTUDENTLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form name="editForm" role="form" novalidate ng-submit="create()" show-validation>

                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"
                                ng-click="clear()">&times;</button>
                        <h4 class="modal-title" id="mySTUDENTLabel" translate="onlineExamSystemApp.sTUDENT.home.createOrEditLabel">Create or edit a STUDENT</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>ID</label>
                            <input type="text" class="form-control" name="id"
                                   ng-model="sTUDENT.id" readonly>
                        </div>

                        <div class="form-group">
                            <label translate="onlineExamSystemApp.sTUDENT.user_no">User_no</label>
                            <input type="text" class="form-control" name="user_no"
                                   ng-model="sTUDENT.user_no">

                            <div ng-show="editForm.user_no.$invalid">
                            </div>
                        </div>
                        <div class="form-group">
                            <label translate="onlineExamSystemApp.sTUDENT.gender">Gender</label>
                            <input type="number" class="form-control" name="gender"
                                   ng-model="sTUDENT.gender">

                        </div>
                        <div class="form-group">
                            <label translate="onlineExamSystemApp.sTUDENT.age">Age</label>
                            <input type="number" class="form-control" name="age"
                                   ng-model="sTUDENT.age">

                            <div ng-show="editForm.age.$invalid">
                                <p class="help-block"
                                   ng-show="editForm.age.$error.number" translate="entity.validation.number">
                                    This field should be a number.
                                </p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label translate="onlineExamSystemApp.sTUDENT.avatar_url">Avatar_url</label>
                            <input type="text" class="form-control" name="avatar_url"
                                   ng-model="sTUDENT.avatar_url">

                        </div>
                        <div class="form-group">
                            <label translate="onlineExamSystemApp.sTUDENT.school">School</label>
                            <input type="text" class="form-control" name="school"
                                   ng-model="sTUDENT.school">

                        </div>
                        <div class="form-group">
                            <label translate="onlineExamSystemApp.sTUDENT.classess">Classess</label>
                            <input type="text" class="form-control" name="classess"
                                   ng-model="sTUDENT.classess">

                        </div>
                        <div class="form-group">
                            <label translate="onlineExamSystemApp.sTUDENT.address">Address</label>
                            <input type="text" class="form-control" name="address"
                                   ng-model="sTUDENT.address">

                        </div>
                        <div class="form-group">
                            <label translate="onlineExamSystemApp.sTUDENT.phone">Phone</label>
                            <input type="text" class="form-control" name="phone"
                                   ng-model="sTUDENT.phone">

                        </div>
                        <div class="form-group">
                            <label translate="onlineExamSystemApp.sTUDENT.description">Description</label>
                            <input type="text" class="form-control" name="description"
                                   ng-model="sTUDENT.description">

                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="clear()">
                            <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;<span translate="entity.action.cancel">Cancel</span>
                        </button>
                        <button type="submit" ng-disabled="editForm.$invalid" class="btn btn-primary">
                            <span class="glyphicon glyphicon-save"></span>&nbsp;<span translate="entity.action.save">Save</span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="deleteSTUDENTConfirmation">
        <div class="modal-dialog">
            <div class="modal-content">
                <form name="deleteForm" ng-submit="confirmDelete(sTUDENT.id)">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"
                                ng-click="clear()">&times;</button>
                        <h4 class="modal-title" translate="entity.delete.title">Confirm delete operation</h4>
                    </div>
                    <div class="modal-body">
                        <p translate="onlineExamSystemApp.sTUDENT.delete.question" translate-values="{id: '{{sTUDENT.id}}'}">Are you sure you want to delete this STUDENT?</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="clear()">
                            <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;<span translate="entity.action.cancel">Cancel</span>
                        </button>
                        <button type="submit" ng-disabled="deleteForm.$invalid" class="btn btn-danger">
                            <span class="glyphicon glyphicon-remove-circle"></span>&nbsp;<span translate="entity.action.delete">Delete</span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>ID</th>
                    <th translate="onlineExamSystemApp.sTUDENT.user_no">User_no</th>
                    <th translate="onlineExamSystemApp.sTUDENT.gender">Gender</th>
                    <th translate="onlineExamSystemApp.sTUDENT.age">Age</th>
                    <th translate="onlineExamSystemApp.sTUDENT.avatar_url">Avatar_url</th>
                    <th translate="onlineExamSystemApp.sTUDENT.school">School</th>
                    <th translate="onlineExamSystemApp.sTUDENT.classess">Classess</th>
                    <th translate="onlineExamSystemApp.sTUDENT.address">Address</th>
                    <th translate="onlineExamSystemApp.sTUDENT.phone">Phone</th>
                    <th translate="onlineExamSystemApp.sTUDENT.description">Description</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="sTUDENT in sTUDENTs">
                    <td><a ui-sref="sTUDENTDetail({id:sTUDENT.id})">{{sTUDENT.id}}</a></td>
                    <td>{{sTUDENT.user_no}}</td>
                    <td>{{sTUDENT.gender}}</td>
                    <td>{{sTUDENT.age}}</td>
                    <td>{{sTUDENT.avatar_url}}</td>
                    <td>{{sTUDENT.school}}</td>
                    <td>{{sTUDENT.classess}}</td>
                    <td>{{sTUDENT.address}}</td>
                    <td>{{sTUDENT.phone}}</td>
                    <td>{{sTUDENT.description}}</td>
                    <td>
                        <button type="submit"
                                ui-sref="sTUDENTDetail({id:sTUDENT.id})"
                                class="btn btn-info">
                            <span class="glyphicon glyphicon-eye-open"></span>&nbsp;<span translate="entity.action.view"> View</span>
                        </button>
                        <button type="submit"
                                ng-click="update(sTUDENT.id)"
                                class="btn btn-primary">
                            <span class="glyphicon glyphicon-pencil"></span>&nbsp;<span translate="entity.action.edit"> Edit</span>
                        </button>
                        <button type="submit"
                                ng-click="delete(sTUDENT.id)"
                                class="btn btn-danger">
                            <span class="glyphicon glyphicon-remove-circle"></span>&nbsp;<span translate="entity.action.delete"> Delete</span>
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>
        <nav>
            <ul class="pager">
                <li ng-show="links['first']" ng-click="loadPage(links['first'])"><a href="#">&lt;&lt;</a></li>
                <li ng-show="links['prev']" ng-click="loadPage(links['prev'])"><a href="#">&lt;</a></li>
                <li ng-show="links['next']" ng-click="loadPage(links['next'])"><a href="#">&gt;</a></li>
                <li ng-show="links['last']" ng-click="loadPage(links['last'])"><a href="#">&gt;&gt;</a></li>
            </ul>
        </nav>
    </div>
</div>
